<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    
<% request.setCharacterEncoding("UTF-8"); %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> </title>
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../css/reset.css" rel="stylesheet" type="text/css">
<link href="../css/lib.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script>
$(document).ready(function(){
	
});
function search_pop(){
	alert("조회 팝업이 열립니다.");
	window.open("_popup.jsp", "_blank", "resizable=yes, top=500, left=500, width=610, height=450");
}
</script>
</head>
<body>
<div><br/><p/></div>		
<div><br/><p/></div>		
		<div id="sub_content">
			<h2 class="mb20px">공통코드내역</h2>
			<div class="creditsearch">
				<form name="" method="" action="">
					<fieldset>
						<p class="cre_view">
						  <input type="button" name="" value="초기화" class="pinkbtn cp" onclick="#" />
                          <input type="button" name="" value="신규" class="bluebtn cp" onclick="#" />
                          <input type="button" name="" value="등록" class="bluebtn cp" onclick="#" />
                          <input type="button" name="" value="수정" class="graybtn cp" onclick="#" />
                          <input type="button" name="" value="조회" class="bluebtn cp" id="aa" onclick="search_pop()" />
						</p>
					</fieldset>
				</form>
			</div>
			<!-- 테이블시작 -->
			<table class="credit_table mb30px" border="0" cellspacing="0" cellpadding="0">
				<colgroup>
					<col width="6%" />
					<col width="15%" />
					<col width="15%" />
					<col width="15%" />
					<col width="15%" />
					<col width="*" />
					<col width="10%" />
				</colgroup>
                <thead>
                    <tr>
                    <th scope="col">선택</th>
                    <th scope="col">업무구분</th>
                    <th scope="col">업무중분류</th>
                    <th scope="col">상세코드</th>
                    <th scope="col">코드</th>
                    <th scope="col">코드명</th>
                    <th scope="col" class="end" >사용여부</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox" name="" ></td>
	                    <td>업무구분</td>
	                    <td>업무중분류</td>
	                    <td>상세코드</td>
	                    <td>코드‎</td>
	                    <td>코드명</td>
	                    <td class="end">사용여부</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="" ></td>
                        <td>업무구분</td>
                        <td>업무중분류</td>
                        <td>상세코드</td>
                        <td>코드‎</td>
                        <td>코드명</td>
                        <td class="end">사용여부</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="" ></td>
                        <td>업무구분</td>
                        <td>업무중분류</td>
                        <td>상세코드</td>
                        <td>코드‎</td>
                        <td>코드명</td>
                        <td class="end">사용여부</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="" ></td>
                        <td>업무구분</td>
                        <td>업무중분류</td>
                        <td>상세코드</td>
                        <td>코드‎</td>
                        <td>코드명</td>
                        <td class="end">사용여부</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="" ></td>
                        <td>업무구분</td>
                        <td>업무중분류</td>
                        <td>상세코드</td>
                        <td>코드‎</td>
                        <td>코드명</td>
                        <td class="end">사용여부</td>
                    </tr>
                </tbody>
			</table>
			<!-- 페이징 시작 -->
			<div class="crepage">
                <a href="#"><img src="../images/first_btn.gif" alt="첫페이지로" /></a>
                <a href="#"><img src="../images/prev_btn.gif" alt="이전페이지로" /></a>
                <strong><a href="#">1</a></strong>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#">7</a>
                <a href="#">8</a>
                <a href="#">9</a>
                <a href="#">10</a>
                <a href="#"><img src="../images/next_btn.gif" alt="다음페이지로" /></a>
                <a href="#"><img src="../images/last_btn.gif" alt="마지막페이지로" /></a>
            </div>
            <!-- 페이징끝 -->
            <h2 class="mb20px">공통코드상세</h2>
            <div class="creditsearch">
                <form name="" method="" action="">
                    <fieldset>
                        <legend>공통코드상세</legend>
                        <p class="cre_view">
	                       <label>상세코드 :</label>
	                       <input class="w110px" type="text" name="" title="상세코드" />
                        </p>
                    </fieldset>
                </form>
            </div>
            <!-- 테이블시작 -->
            <table class="customer_table mb40px" border="0" cellspacing="0" cellpadding="0">
                <colgroup>
                    <col width="20%" />
                    <col width="30%" />
                    <col width="20%" />
                    <col width="*" />
                </colgroup>
                <tbody>
                    <tr>
                        <th>업무구분</th>
                        <td>
                        <select title="업무구분선택">
                           <option class="pr20px" value="title">선택하세요.</option>
                           <option value="">1</option>
                           <option value="">2</option>
                        </select>
                        </td>
                        <th>등록자명</th>
                        <td class="end"><input type="text" class="w200px" /></td>
                    </tr>
                    <tr>
                        <th>중분류</th>
                        <td><input type="text" class="w200px" /></td>
                        <th>등록일자</th>
                        <td class="end"><input type="text" class="w200px" /></td>
                    </tr>
                    <tr>
                        <th>코드명</th>
                        <td><input type="text" class="w200px" /></td>
                        <th>수정자명</th>
                        <td class="end"><input type="text" class="w200px" /></td>
                    </tr>
                    <tr>
                        <th>사용여부</th>
                        <td>
                        <select title="사용여부선택">
                           <option class="pr20px" value="title">선택하세요.</option>
                           <option value="">Y</option>
                           <option value="">N</option>
                        </select>
                        </td>
                        <th>수정일자</th>
                        <td class="end"><input type="text" class="w200px" /></td>
                    </tr>
                </tbody>
            </table>
		</div><!-- #sub_content 끝  -->
	</div><!-- #wraper 끝 -->
</body>
</html>